<!DOCTYPE html>
<html lang="Zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no"/>
	<title>Surprise惊喜物!</title>
        <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
        <link rel="stylesheet" href="css/index.css">
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/surprise.js"></script>
	<script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
	<div class="container">
	    <div class="row" style="margin-top: 2%">
		<div class="col-xs-5">
		    <div class="text_one">STORE</div>
		    <div class="text_two">surprise</div>
		    <div class="text-three">China Japan Korea HK</div>
		</div>
		<div class="col-xs-4" style="margin-top: 2%">
		    <!--为了标准化这两个div是撑空间的-->
		    <div class="text_one yc">xxxx</div>
		    <div class="text_serven">惊喜优品</div>
		    <!--end-->
		    <div class="text-four">建议零售价</div>
		</div>
		<div class="col-xs-3" style="margin-top: 2%">
		    <div class="text_five yc">xxxx</div>
		    <div><label id="price" class="text_six"></label><label class="text_eight">&nbsp;RMB</label></div>
		    <div></div>
		</div>
	    </div>
	    <div class="row">
		<div class="box"></div>
	    </div>
	    <div class="top_one"><label id="name"></label></div>
	    <div class="row">
		<div class="photo">
		    <img id="image1" src=""/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image2" src=""/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image3" src=""/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image4" src=""/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image5" src=""/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image6" src=""/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image7" src="http://nls-oss.oss-cn-hangzhou.aliyuncs.com/SURPRISE/A1008/7.jpg"/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image8" src="http://nls-oss.oss-cn-hangzhou.aliyuncs.com/SURPRISE/A1008/8.jpg"/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image9" src="http://nls-oss.oss-cn-hangzhou.aliyuncs.com/SURPRISE/A1008/9.jpg"/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image10" src="http://nls-oss.oss-cn-hangzhou.aliyuncs.com/SURPRISE/A1008/10.jpg"/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image11" src="http://nls-oss.oss-cn-hangzhou.aliyuncs.com/SURPRISE/A1008/11.jpg"/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image12" src="http://nls-oss.oss-cn-hangzhou.aliyuncs.com/SURPRISE/A1008/12.jpg"/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image13" src="http://nls-oss.oss-cn-hangzhou.aliyuncs.com/SURPRISE/A1008/13.jpg"/>
		</div>
	    </div>
	    <div class="row">
		<div class="photo">
		    <img id="image14" src="http://nls-oss.oss-cn-hangzhou.aliyuncs.com/SURPRISE/A1008/14.jpg"/>
		</div>
	    </div>
	</div>
</body>
</html>
